body,
html,
#root {
  width: 100%;
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* index.css 或 App.module.css 中 */
html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

/* 自定义滚动条样式 - 浅色、低存在感 */
::-webkit-scrollbar {
  width: 6px; /* 更窄的滚动条，减少视觉干扰 */
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent; /* 轨道透明，更低调 */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1); /* 浅灰色滚动条块 */
  border-radius: 4px; /* 圆角设计，柔和视觉 */
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2); /* hover 时略深一点 */
}

/* 如果你使用了 antd 的 Table 或其他容器，可以单独增强 */
.ant-table {
  overflow: auto;
}

.ant-table table {
  min-width: 100%;
}

/* 让有滚动需求的容器统一使用该样式 */
.scroll-container {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
}


/* ellipsis */
.single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-line-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}